<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // const f1 = function(){
        //     console.log("这是一个匿名函数");
        // }
        // f1();

        //箭头函数
        // const f2 = () =>{
        //     console.log("这是一个箭头函数");
        // }
        // f2()



        //特性1,参数的问题
        //两个或者两个以上的参数,加上小括号
        // const fn = (a,b,c) =>{
        //     // console.log(a,b);
        //     console.log(a,b,c);
        // }

        //只有一个参数,那么可以省略小括号
        // const fn = a =>{
        //     // console.log(a,b);
        //     // console.log(a,b,c);
        //     console.log(a);
        // }

        //没有参数的时候,需要添加上小括号
        // const fn = () =>{

        // }
        // fn(1,2,3);





        /* 箭头函数的特性二 括号的问题
            1. 只有一句代码的时候,可以省略大括号不写
            2. 省略大括号,并且外带一个return
                相当于省略掉一个大括号并且又省略掉了一个return返回值
        */
        const arr = [1,2,3,4,5,6,7,8] //获取这个数组当中所有奇数
        //普通的匿名函数
        // const arr1 = arr.filter(function(item){
        //     return item % 2 === 1
        // })
        // console.log(arr1);

        //改成箭头函数,省略function关键字
        // const arr1 = arr.filter((item)=>{
        //     return item % 2 === 1
        // })

        //改成箭头函数,省略大括号外加return关键字
        const arr1 = arr.filter(item=>item % 2 === 1)


        console.log(arr1);
    </script>
</body>
</html>